<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Imitation FIEDLSET</title>
<meta name="Author" content="NoSmoking">
<style>
body{
  margin:2em;
  font-family:Verdana;
  font-size:100%;
}
.fieldset{
  position:relative;
  padding:1em 0.5em 0.5em;
  border:1px solid #88F;
  border-radius:5px;
}
.fieldset h1{
  position:absolute;
  font-weight:normal;
  font-size:1.5em;
  width:41%;
  margin:-1.25em 0 0;
  padding:0em 1em;
  background:#EEF;
  border:1px solid #88F;
}
.fieldset h2{
  position:absolute;
  font-weight:normal;
  font-size:1.5em;
  top:4%;
  right:36%;
  margin:-1.25em 0 0;
  padding:0em 1em;
  background:#EEF;
  border:1px solid #88F;
}
.fieldset h3{
  position:absolute;
  font-weight:normal;
  font-size:1.5em;
   top:4%;
  right:26%;
 margin:-1.25em 0 0;
  padding:0em 1em;
  background:#EEF;
  border:1px solid #88F;
}
.fieldset h4{
  position:absolute;
  font-weight:normal;
  font-size:1.5em;
   top:4%;
  right:1%;
 margin:-1.25em 0 0;
  padding:0em 1em;
  background:#EEF;
  border:1px solid #88F;
}
</style>
</head>
<body>
<div class="fieldset">
  <h1>Le titre du topic</h1>
  Le texte qui suit.
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
  <h2>message</h2>
  Le texte qui suit.
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
  <h3>vue</h3>
  Le texte qui suit.
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
  <h4>dernier message </h4>
  Le texte qui suit.
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
</body>
</html>